<template>
 <div>
     <h1>ref父组件</h1>
     <h3 ref="h3">我是h3标签</h3>
     <p ref="p1">我是p标签</p>
     <button @click="getRef">点击获取</button>
     <hr>
     <!-- 通过ref属性可以获取子组件的组件对象，也就是能获取组件中的所有数据和方法 -->
     <SonRef ref="son"/>
 </div>
</template>

<script>
// 导入子组件
import SonRef from './SonRef.vue'
export default {
    data(){
         return{}
    },
    created(){},
    methods:{
        getRef(){
            // console.log(this.$refs.h3)
            // console.log(this.$refs.p1)
            console.log(this.$refs.son.msgFromSon)
            console.log(this.$refs.son.handle())
            console.log(this.$refs.son.$el)
        }
    },
    components:{
        SonRef
    }
}

</script>
<style>
</style>